<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="product" content="Metro UI CSS Framework">
    <meta name="description" content="Simple responsive css framework">
    <meta name="author" content="Sergey S. Pimenov, Ukraine, Kiev">

    <link href="/css/metro-bootstrap.css" rel="stylesheet">
    <link href="/css/metro-bootstrap-responsive.css" rel="stylesheet">
    <link href="/css/icoFont.css" rel="stylesheet">
    <link href="/css/docs.css" rel="stylesheet">
    <link href="/css/prettify.css" rel="stylesheet">

    <title>Metro UI CSS : Metro Bootstrap CSS Library</title>
</head>
<body class="metro">
<header class="bg-dark" data-load="header.html"></header>
<div class="container">
    <h1>
        <a href="/"><i class="icon-arrow-left-3 fg-darker smaller"></i></a>
        Add Allocation
        <small class="on-right"></small>
    </h1>


    <div class="span10">
        <p class="description">
            <code></code> <code></code>.
        </p>

        <h2 id="_default"><i class="icon-accessibility on-left"></i></h2>

        <div class="example">
            
                <fieldset>
                    <?php echo validation_errors(); ?>

                    <?php echo form_open('allocations/addallocation') ?>

                    <label>Serial ID</label>

                    <div class="input-control text" data-role="input-control">
                        <input type="text" name="serial_id" placeholder="Serial ID">
                        <button class="btn-reveal" tabindex="-1"></button>
                    </div>
                    <label>Device ID</label>

                    <div class="input-control text" data-role="input-control">
                        <input type="text" name="id" placeholder="Device ID" autofocus>
                        <button class="btn-reveal" tabindex="-1"></button>
                    </div>
                    <label>Employee ID</label>

                    <div class="input-control text" data-role="input-control">
                        <input type="text" name="employee_id" placeholder="Employee ID" autofocus>
                        <button class="btn-reveal" tabindex="-1"></button>
                    </div>
                    <label>Allocation Date</label>

                    <div class="input-control text" data-role="input-control">
                        <input type="date" name="allocation_date" placeholder="Allocation Date" autofocus>
                        <button class="btn-reveal" tabindex="-1"></button>
                    </div>
                    <label>Allocation Status</label>

                    <div class="input-control text" data-role="input-control">
                        <input type="text" name="allocation_status" placeholder="Allocation Status" autofocus>
                        <button class="btn-reveal" tabindex="-1"></button>
                    </div>
                    <label>Region</label>

                    <div class="input-control text" data-role="input-control">
                        <input type="text" name="region" placeholder="Region" autofocus>
                        <button class="btn-reveal" tabindex="-1"></button>
                    </div>
                    <label>Location</label>

                    <div class="input-control text" data-role="input-control">
                        <input type="text" name="location" placeholder="Location" autofocus>
                        <button class="btn-reveal" tabindex="-1"></button>
                    </div>
                        <input type="submit" name="submit" value="Add Data" />
                    </form>
                </fieldset>
            
        </div>
    </div>
</div>
</body>
</html>